body{
    background-color: #F3F3F3;
}
/*页头*/
.app-header{
    width: 100%; height: auto; padding: 10px ; background-color: #F8C2D2; font-size: 2rem; color: #eaf9dd;
}
/*底部导航栏*/
.navbar{
    background-color:  #F8C2D2; border: none;
}
.app-bottom{
    padding: 0px; margin: 0px auto; color: #0f0f0f;
}
.app-bottom .nav-tabs{
    border-bottom: none;
}
.app-bottom .nav-tabs li{
    width: 25%; text-align: center;
}
.app-bottom .nav-tabs li a{
    height: 50px; line-height: 25px; color:black;width: 100%; font-size: 15px;
}
.container-fluid{padding: 20px 10px;}
.servelist {background-color: azure; padding-bottom: 40px;}
.servelist{width: 100%;height: auto;}
.servelist .server-item{width: 100%;height: auto;padding: 10px ; border:1px dashed gray; overflow:hidden;}
.servelist .server-item-left{display: inline-block;width: 31%;}
.servelist .server-item-left img{width: 100%;height: 130px;vertical-align: bottom;float: left;}
.servelist .server-item-right{width:65%; height: auto; display: inline-block;float: right;}
.servelist .server-item-right .item-title{font-size: 16px; height:23px; overflow: hidden}
.servelist .server-item-right .item-con{font-size: 14px; color: gray;height:80px; overflow: hidden}
.myyuyue,.details{padding-top:30%;}
.myyuyue .modal-content{padding: 30px;}
.details .modal-content{padding: 30px;}
.details .modal-content div{padding:5px 0; border-bottom: 1px solid pink;}
.details .modal-content #details-title{font-size: 16px;}
.details .modal-content #details-phone,#details-con{font-size: 12px; color: grey;}
